<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./script/swiper/swiper.min.css" />
	
		
		<style type="text/css">
			html, body {
				position: relative;
				height: 100%;
			}
			body {
				background: #eee;
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				font-size: 14px;
				color: #000;
				margin: 0;
				padding: 0;
			}
			.swiper-container {
				width: 100%;
				height: 100%;
			}
			.swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff no-repeat center center;
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				position: relative;
				
				background-size: cover;
				-webkit-background-size: cover;
			}
			/*.swiper-wrapper .swiper-slide:nth-child(1) {
				background: url(./launch/launch1.jpg) no-repeat center center;
				background-size: cover;
				-webkit-background-size: cover;
			}
			.swiper-wrapper .swiper-slide:nth-child(2) {
				background: url(./launch/launch2.jpg) no-repeat center center;
				background-size: cover;
				-webkit-background-size: cover;
			}
			.swiper-wrapper .swiper-slide:nth-child(3) {
				background: url(./launch/launch3.jpg) no-repeat center center;
				background-size: cover;
				-webkit-background-size: cover;
			}
			.swiper-wrapper .swiper-slide:nth-child(4) {
				background: url(./launch/launch4.jpg) no-repeat center center;
				background-size: cover;
				-webkit-background-size: cover;
			}*/
	
			#loginApp {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 30px;
				height: 30px;
				display: -webkit-box;
				-webkit-box-orient: horizontal;
				-webkit-box-pack: center;
				-webkit-box-align: center;
				display: box;
				box-orient: horizontal;
				box-pack: center;
				box-align: center;
				z-index: 10000000;
			}
			#loginApp i {
				font-size: 25px;
				color: #fff;
				line-height: normal;
			}
			.swiper-pagination-bullet-active{
				background:#f2a109;
			}
			
			body,html{height: 100%; overflow: hidden;}
	.imgwrap{ position: relative;}
	.skipbtn img{width: 60px; height: 30px; position: absolute;right: 20px; top: 30px; display: inline-block;}
	
		</style>
	</head>
	<body>
		<div class="swiper-container">
			<div class="swiper-wrapper list">
			
				<!--<div class="swiper-slide stop-swiping"></div>
				<div class="swiper-slide stop-swiping"></div>
				<div class="swiper-slide stop-swiping"></div>
				<div class="swiper-slide imgwrap">
				
					<a href="javascript:;" onclick="closeFrame();" class="skipbtn"><img src="image/skipbtn.png"></a>
				</div>-->
			</div>
			<div class="swiper-pagination"></div>
		</div>
	</body>
	<script type="text/javascript" src="./script/jquery-1.12.0.min.js"></script>

	<script type="text/javascript" src="./script/swiper/swiper.min.js"></script>
	<script type="text/javascript" src="./script/api.js"></script>

	<script type="text/javascript" src="./script/app.js" ></script>
	
	<script type="text/javascript">
//		var swiper = new Swiper('.swiper-container', {
//			
//		});
		// 关闭
		function closeFrame() {
			
            api.sendEvent({
	            name:'launch_end'
            });
			api.closeWin();
		}
			
			

		
		apiready = function () {
		
			
			var data = api.pageParam.launch_data;
			var strVar = "";
			dataleng = data.length -1; 
			$(data).each(function(k,v){
			
				
				if(dataleng == k){
					strVar += '<div class="swiper-slide stop-swiping imgwrap" style="background: url('+v.path+') no-repeat center center; background-size: cover;">';
					
					strVar += '<a href="javascript:;" onclick="closeFrame();" class="skipbtn"><img src="image/skipbtn.png"></a></div>';
				} else {
					strVar += '<div class="swiper-slide stop-swiping" style="background: url('+v.path+') no-repeat center center; background-size: cover;"></div>';
				}
			});		
			$(".list").html(strVar);
			
			var swiper = new Swiper('.swiper-container', {
				pagination : '.swiper-pagination',
				paginationClickable : true,
				paginationClickable : true,
				noSwiping : true,
	
				onSliderMove:function(swiper, event){
					
					if(swiper.activeIndex==1){
						 //closeFrame();
					}						
				}
			});
			
			//修改状态栏
	    	api.setStatusBarStyle({
			    style: 'light'
			});
		}
		
		
	</script>
</html>